<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div class="row">
            <div class="col-sm-9">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">套餐统计</div>
                    <div class="ibox-content" id="count-list-context"></div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>快捷操作</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="text-center pt10">
                            <a th:href="@{/admin/course/cou/initAddPackage?courseType=PACKAGE}">
                                <button type="button" class="btn btn-block btn-w-m btn-lg btn-danger"><i class="fa fa-plus-circle"></i> 新建套餐</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="row">
                        <div class="col-sm-7">
                            <h5>
                                <a th:href="@{/admin/course/package/toPackageCourseList}">
                                    <span>
                                        <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新套餐课程列表">
                                            <i class="fa fa-refresh"></i> 刷新
                                        </button>
                                    </span>
                                </a>
                                <small id="count"></small>
                            </h5>
                        </div>
                        <div class="col-sm-3">
                            <div class="input-group opSearchBox">
                                <form class="search-form" id="search-form">
                                    <div class="input-group opSearchBox">
                                        <input placeholder="请输入想要查找套餐课程名称" class="input-sm form-control vam common-search-word" type="text" name="courseName">
                                        <span class="input-group-btn"><button type="button" class="btn btn-sm btn-primary vam" id="btn1">搜索</button> </span>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a href="javascript:void(0)" id="advSearchshowBtn" class="pt10 inlineBlock vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                        </div>
                    </div>
                </div>
                <div class="oc-advSearch-box">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="pt10">
                                <div class="checkbox i-checks">
                                    <label style="padding-left: 0"><input type="checkbox" id="all-course"> <i></i> 全选</label>
                                    <button type="button" id="onBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量上架"><i class="fa fa-arrow-up"></i></button>
                                    <button type="button" id="offBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量下架"><i class="fa fa-arrow-down"></i></button>
                                    <button type="button" id="finishBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量完结"><i class="fa fa-gavel"></i></button>
                                    <button type="button" id="deleteBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量删除"><i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="pt10">
                                <form role="form" class="form-inline search-form">
                                    <select class="form-control mb10" name="status">
                                        <option value="">套餐课程状态</option>
                                        <option value="4">未上架</option>
                                        <option value="1">已上架</option>
                                        <option value="2">已下架</option>
                                    </select>
                                    <div class="form-group form-box" style="margin-bottom: 10px">
                                        <input placeholder="请输入想要查找课程名称" class="form-control common-search-word" type="text">
                                    </div>
                                    <button class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px" id="btn2">搜索</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="oc-ibox-content" id="course-list-context"></div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/course-count.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/packageCou/package_course_list.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/update-course-status.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/copy-course.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>